<template>
  <div>
    <div id="self-header">
      <div class="huitui" @click="back()">
      <span class="iconfont zuojiantou"></span>
      </div>
      <input type="text" value="点击定制我的个性背景~" />
      <a href="" class="a11"><span class="iconfont public-search"></span></a>
      <a href="" class="a22"><span class="iconfont public-zhuanfa"></span></a>
    </div>
  </div>
</template>

<script>
export default {
  name: "Dingzhi",

  methods: {
    back() {
      this.$router.back();
    },
  
  },
};
</script>

<style scoped>
@import url("../../../assets/iconfont/iconfont.css");
#self-header {
  width: 100%;
  height: 1.16rem;
  background-image: linear-gradient(
    to right,
    #93bcea,
    #afa6ef,
    #e1e9fe,
    #c4e8fa
  );
  text-align: left;
  padding-left: 0.18rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 0.14rem;
  font-weight: 500;
}
#self-header input {
  width: 1.86rem;
  height: 0.36rem;
  border-radius: 0.2rem;
  border: none;
  margin: 0 0.46rem;
  text-align: center;
  color: #ed1e8e;
  font-size: 0.14rem;
}
#self-header .a11 {
  display: block;
  width: 0.36rem;
  height: 0.36rem;
  background-color: #7b8c95;
  color: white;
  text-align: center;
  line-height: 0.36rem;
  border-radius: 50%;
  margin-right: 0.15rem;

}
#self-header .a22 {
  display: block;
  width: 0.36rem;
  height: 0.36rem;
  background-color: #7b8c95;
  color: white;
  text-align: center;
  line-height: 0.36rem;
  border-radius: 50%;

}
</style>